<template>
    <div>
        <div>permissionExample</div>
        <div class="box">
            <div v-size="30">注册单个全局指令</div>
            <div>
                <p><span v-size="30">多个全局指令（权限按钮）</span></p>
                <el-button type="success" v-hasPer="['business:apply:edit']">编辑</el-button>
                <el-button plain v-hasPer="['business:apply:delete']">删除</el-button>
                <p type="primary" v-colorD="'#409EFF'">无权限内容</p>
            </div>
        </div>
    </div>
</template>

<script setup lang="ts"></script>

<style lang="less" scoped>
.box {
    width: 600px;
    height: 300px;
    border: 3px dashed #7643d4;
    margin: 0 auto;
}
</style>
